<template>
  <div>
    <readitem :arr="newarr">
      <div class="box">
        <h1>最受关注图书|虚伪类</h1>
        <ul>
          <li v-for="(item, index) in newarr" :key="index">
            <div class="lef">
              <img :src="item.cover_url" alt="" />
              <p>{{ item.title }}</p>
              <span>{{ item.score }}</span>
            </div>
          </li>
        </ul>
      </div>
    </readitem>
  </div>
</template>

<script>
import readitem from "./filmitem.vue";
export default {
  data() {
    return {
      newarr: [],
    };
  },
  mounted() {
    this.$axios.get("../../../static/data/read.json").then((res) => {
      // console.log(res.data.recommend_one);
      this.newarr = res.data.recommend_one;
    });
  },
  components: { readitem },
};
</script>

<style scoped>
</style>